技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2
HTML 入門筆記 - 1 - 認識 HTML 與網頁結構
html
html5
zoelinrd
2025-03-25 13:35:10
‧
1562 瀏覽
分享至
🔹
什麼是 HTML?
HTML(HyperText Markup Language,超文本標記語言)
是建立網頁的基本語言。
HTML
不是程式語言,而是用「
標籤(tag)
」來描述內容結構。
可以把 HTML 想成是
網頁的骨架
,讓瀏覽器知道各部分該如何呈現。
🔹
網頁是怎麼構成的?
技術
功能
說明
HTML
結構
建立內容與排版架構
CSS
外觀
設計樣式、顏色、字型與版面
JavaScript
行為
增加互動性與邏輯控制
HTML 負責內容、CSS 負責外觀、JavaScript 負責互動,三者缺一不可。
🔹
HTML 和 HTML5 比較
項目
HTML
HTML5
發展
傳統標準
現行主流
結構標籤
少
增加語意化標籤(如
<header>
、
<footer>
)
多媒體支援
需外掛(如 Flash)
原生支援
<video>
、
<audio>
API 功能
基本結構
支援地圖、動畫、離線功能等
🔹
注意事項
建議使用
Chrome、Firefox、Edge 瀏覽器
練習,支援性最好
善用右鍵「檢查元素」,可以觀察其他網站的 HTML 結構
不用死背語法,重點是理解
標籤的用途與結構邏輯
🔹
參考資源
MDN HTML 文件
留言
追蹤
檢舉
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19753
篇
完賽人數
529
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
桌機三更半夜自動開機不知在幹啥?是在下載還是在上傳資料?嚇死寶寶.去查設定我沒有設定在三更半夜更新或是掃毒呀!去查紀錄亦沒有當日凌晨的瀏覽紀錄,這到底是怎麼一回事,要如何查詢?是被安裝了病毒軟體?
碩士學歷能幫助我突破職涯天花板嗎?
群輝NAS套件Docker部署Outline
維護合約的合理性
如何讓Windows 11 Professional 開啟Synology DS925+網路芳鄰的速度加快?
librenms 25.4.0 重開機都要重新設定
Librenms ssl憑證檢查 通知方式
熱門回答
碩士學歷能幫助我突破職涯天花板嗎?
維護合約的合理性
群輝NAS套件Docker部署Outline
桌機三更半夜自動開機不知在幹啥?是在下載還是在上傳資料?嚇死寶寶.去查設定我沒有設定在三更半夜更新或是掃毒呀!去查紀錄亦沒有當日凌晨的瀏覽紀錄,這到底是怎麼一回事,要如何查詢?是被安裝了病毒軟體?
librenms 25.4.0 重開機都要重新設定
熱門文章
資安入門與實務應用介紹 28:APT(高階持續性威脅)攻擊解析與防範方法
D30|AI 時代的資訊判讀力:防詐、反假、識謊的新資安素養
資安入門與實務應用介紹 29:智能合約漏洞與加密貨幣詐騙案例分析
Day 7:防火牆配置與流量過濾(Firewall Configuration and Traffic Filtering)
Day 25:社交工程防範訓練方法(Social Engineering Defense Training)
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}